<h4>${str}</h4>
<script>
	Ext.onReady(function(){
		//Ext.MessageBox.alert('Hello', 'World');
var rootNode = {
	text : 'Root Node',
	children : [
		{ text : 'Child 1', leaf : true },
		{ text : 'Child 2', leaf : true },
		{ text : 'Child 3', children : [
			{ text : 'Grand Child 1', children : [
				{ text : 'Grand... you get the point', leaf : true}
		]}
	]}
]}
		var tLoader = new Ext.tree.TreeLoader({
			dataUrl: 'nicejson' // http://localhost:8080/nanoems/emstree/
		});
		var rootNode = new Ext.tree.AsyncTreeNode({
			test: 'Root'
		});
		
		var treePanel = new Ext.tree.TreePanel({
			margins: '0 5 5 5',
			autoHeight: true,
			autoScroll: true,
			columnWidth: .5,
			expanded : true,
	        animate: true,
	        enableDD: false,
	        //root: rootNode
	        root: rootNode,
	        loader: tLoader
		});
		
		var tabPanel = new Ext.TabPanel({
			activeTab: 0,
			columnWidth: .5,
			margins: '0 5 5 5',
			//width: 250,
			items: [{
				title: 'Tab 1',
				html: 'A simple tab'
				},{
				title: 'Tab 2',
				html: 'fsdfdsf'
				}
			]
		});
		var mainPanel = new Ext.Panel({
			title: "NanoEMS",
			width: 500,
			height: 250,
			layout: "column",
			defaults: {
				split: true
			},
			items: [treePanel, tabPanel]
		});
		var viewposrt = new Ext.Viewport({
			items: [mainPanel]
		});
	});
</script>